<template>
  <div>
    <child :name="['false']" :data="list" @send="getName">
      <template #default="{item, index}">
        {{ item.name }} -- {{ index }}
      </template>
    </child>
  </div>
</template>
 
<script setup lang='ts'>
import { reactive, ref, h } from 'vue'
import child from './components/child.vue'

const getName = (name: string) => {
  console.log(name)
}

const list = [
  {
    name: '张三',
    age: 18
  },
  {
    name: '李四',
    age: 19
  }
]

</script>
 
<style scoped lang='less'>

</style>
